<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>任务管理</title>
	<link href="https://cdn.jsdelivr.net/npm/feidao-css@latest/feidao.css" type="text/css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="../css/iconfont.css">
	<link rel="stylesheet" type="text/css" href="../css/daoke.css">
</head>

<body>
	<!-- 公共头部 start -->
	<header class="header">
		<div style="display: flex;width:84%;">
			<div class="logo">
				<a>金税云付</a>
			</div>
			<!-- 头部菜单 start -->
			<div class="topmenu">
				<span class="xz-menu">系统首页</span>
				<span class="">个人中心</span>
				<span class="">项目管理</span>
				<span class="">考勤管理</span>
				<span class="">组织架构</span>
				<span class="">工单管理</span>
				<span class="">绩效考核</span>
				<span class="">监控统计</span>
				<span class="">统计报表</span>
			</div>
			<!-- 头部菜单 end -->
		</div>
		<div class="flex-c">
			<!-- 意见 start -->
			<div class="yijian">
				<i class="iconfont icon-yijian display-ib font28 vertical-a-t cursor-p ht60 l-ht60"
					style="margin-right:20px;"></i>
				<div class="infobg pos-a bg-f b-box">
					<div style="height:130px;" class=" p20 border-b-1 b-box">
						<div class="ht30 l-ht30 color-3 font16" style="border-bottom:2px solid #999">
							消息通知
						</div>
						<div style="margin-top:10px;width:250px;" class="l-ht30 font14 color-3 overflow-h">
							<span>【培训消息】</span>
							<span>今天下午五点在八楼会议今天下午五点在八楼会议</span>
						</div>
						<div class="font12 color-9">
							<span>2019-03-03</span>
							<span>16:11</span>
						</div>
					</div>
					<div class="ht50 flex-c plr20 color-theme">
						<div class="cursor-p">查看更多</div>
					</div>
				</div>
			</div>
			<!-- 意见 end -->
			<!-- 个人信息 start -->
			<div class="info ht60">
				<div class="touxiang cursor-p">
					<img src="./images/login-logo.png" alt="" style="width:100%;" class="ht40 radius50;">
				</div>
				<div style="width:60px;margin:0 5px;" class="display-ib vertical-a-t text-c font16 cursor-p">admin</div>
				<!-- 划过显示信息 start -->
				<div class="infobg pos-a bg-f b-box">
					<div style="height:130px;" class="flex-c plr20 border-b-1">
						<div style="width:90px; height:90px;" class="radius50 border-1">
							<img src="../images/login-logo.png" alt="" style="width:100%;height:90px;" class="radius50">
						</div>
						<div style="margin-left:20px;">
							<div class="color-3 font14 ht30 l-ht30">赵丽颖</div>
							<input type="button" value="个人中心" class="btn" style="width:100px;">
						</div>
					</div>
					<div class="ht50 flex-js-c plr20 color-theme">
						<div class="cursor-p">总经理信箱</div>
						<div class="cursor-p">退出登录</div>
					</div>
				</div>
				<!-- 划过显示信息 end -->
			</div>
			<!-- 个人信息 end -->
		</div>
	</header>
	<!-- 公共头部 end -->
	<div style="height: calc(100% - 60px);" class="pos-r">
		<!-- 公共左部菜单栏 start -->
		<div class="leftmenu">
			<ul>
				<li>
					<!-- 一级菜单 start -->
					<a class="onemenu hov-themef">
						<span class="flex-c">
							<i class="iconfont icon-shouye2 display-ib text-c font20" style="width:50px;"></i>
							<span class="text-l display-ib">首页</span>
						</span>
						<i class="iconfont icon-down dispaly-ib text-c font14"></i>
					</a>
					<!-- 一级菜单 end -->
					<!-- 二级菜单 start -->
					<ul class="twomenu display-">
						<li>
							<i class="iconfont icon-dingdanguanli display-ib text-c font16" style="width:30px;"></i>
							<a>订单管理</a>
						</li>
						<li><i class="iconfont icon-dingdanguanli display-ib text-c font16" style="width:30px;"></i>
							<a>工单管理</a></li>

					</ul>
					<!-- 二级菜单 end -->
				</li>
				<li>
					<a class="onemenu hov-themef">
						<span class="flex-c">
							<i class="iconfont icon-xiangmu dispaly-ib text-c font20" style="width:50px;"></i>
							<span class="text-l display-ib">常见问答</span>
						</span>
						<i class="iconfont icon-down dispaly-ib text-c font14"></i></a>
					<ul class="twomenu display-">
						<li><i class="iconfont icon-dingdanguanli display-ib text-c font16" style="width:30px;"></i>
							<a>工单管理</a></li>
						<li><i class="iconfont icon-dingdanguanli display-ib text-c font16" style="width:30px;"></i>
							<a>工单管理</a></li>
					</ul>
				</li>
			</ul>
		</div>
		<!-- 公共左部菜单栏 end -->
		<!-- 主内容 start -->
		<div class="pos-a" style="top:10px;bottom:10px;right:10px;left:220px;">
			<!-- 面包屑 start -->
			<div class="pos-a bg-f ht50 flex-c" style="left:0;right:0;top:5px;padding-left:20px;">
				<i class="iconfont icon-weixiujilu display-ib color-theme font20"></i>
				<span class="font14 color-theme">
					<span class="display-ib" style="padding-left:10px;">
						任务库管理
					</span>
				</span>
			</div>
			<!-- 面包屑 end -->
			<div class="pos-a overflow-y-a bg-f display-" style="bottom: 0;right:0;left:0;top:70px;">
				<!-- 初始化页面组件 start -->
				<div class="display-">
					<!-- 筛选条件 start -->
					<div class="b-box l-ht50 font12 color-6 border-b-1 plr20">
						<div class="display-ib" style="margin-right:20px">
							<span>项目分类：</span>
							<select class="select">
								<option value="">运维</option>
							</select>
						</div>
						<div class="display-ib" style="margin-right:20px">
							<span>是否上传附件：</span>
							<select class="select">
								<option value="">是</option>
								<option value="">否</option>
							</select>
						</div>
						<div class="display-ib" style="margin-right:20px">
							<span>是否必做：</span>
							<select class="select">
								<option value="">是</option>
								<option value="">否</option>
							</select>
						</div>
						<div class="display-ib" style="margin-right:10px">
							<span>是否周期：</span>
							<select class="select">
								<option value="">是</option>
								<option value="">否</option>
							</select>
						</div>
						<input type="button" class="btn" value="查找" style="width:60px;margin-right: 50px">
						<input type="button" class="btn" value="导入" style="width:60px;">
						<div style="clear: both;"></div>
					</div>
					<!-- 筛选条件 end -->
					<div style="display: flex;">
						<!-- 左部 start -->
						<div class="border-r-1" style="width: 20%;height: 740px">
							<div class="p20 overflow-y-a">
								<div>
									<div class="ht40 radius-4 border-1 l-ht40 b-box cursor-p "
										style="margin-bottom:10px;padding-left:20px ">
										<span class="font14">项目分类</span>
									</div>
									<ul style="padding-left:20px;">
										<li class="ht30 radius-4 border-1 flex-cc cursor-p bg-themef font12 color-6"
											style="margin-bottom:10px;">
											集成</li>
										<li class="ht30 radius-4 border-1 flex-cc cursor-p font12 color-6"
											style="margin-bottom:10px;">
											运维</li>
									</ul>
								</div>
							</div>
						</div>
						<!-- 左部 end -->
						<!-- 右部 start -->
						<div class="overflow-y-a" style="width: 70%">
							<div class="p10">
								<!-- 自定义任务 start -->
								<div class="border-1 overflow-y-a vertical-a-t display-ib"
									style="width:50%;min-height:350px;max-height: 650px;">
									<div class="ht40 border-1 l-ht40 b-box cursor-p "
										style="margin-bottom:10px;padding-left:10px;padding-right: 10px;display: flex;align-items: center;justify-content: space-between; ">
										<div>
											<span class="font14">项目分类</span>
										</div>
										<div style="display: flex;align-items: center;">
											<span>任务总数：</span>
											<span>27</span>
										</div>
									</div>
									<!-- 按钮 start -->
									<div class="ht40 l-ht40 plr20"
										style="align-items: center; justify-content: space-between; display: flex;">
										<input type="button" value="新增同级" style="width:30%;" class="btn">
										<input type="button" value="新增下级" style="width:30%;" class="btn">
										<input type="button" value="删除" style="width:30%;" class="btn">
									</div>
									<!-- 按钮 end -->
									<div class="p10">
										<!-- 一级 start -->
										<div class="ht40 radius-4 border-1 flex-c cursor-p p5"
											style="margin-bottom:10px;">
											<span>1.</span>
											<input type="checkbox" style="margin:0 10px;">
											<i class="iconfont icon-jiantouxia font20 color-6" style="width:40px;"></i>
											<span class="font14">售前阶段</span>
										</div>
										<!-- 一级 end -->
										<!-- 二级 start -->
										<ul style="padding-left:20px;">
											<li class="ht30 radius-4 border-1 flex-c cursor-p bg-themef font12 color-6 p5"
												style="margin-bottom:10px;">
												<span>1.</span>
												<input type="checkbox" style="margin:0 10px;">
												<i class="iconfont icon-jiantouxia font20 color-6"
													style="width:40px;"></i><span>成员一</span>
											</li>
											<li class="ht30 radius-4 border-1 flex-c cursor-p font12 color-6 p5"
												style="margin-bottom:10px;">
												<span>2.</span>
												<input type="checkbox" style="margin:0 10px;">
												<i class="iconfont icon-jiantouxia font20 color-6"
													style="width:40px;"></i><span>成员一</span> </li>
											<!-- 三级 start -->
											<ul style="padding-left:20px;">
												<li class="ht30 radius-4 border-1 flex-js-c cursor-p bg-themef font12 color-6 p5"
													style="margin-bottom:10px;">
													<input type="checkbox" style="margin:0 10px;">
													<span class="text-l overflow-h" style="width:100px;">成员一</span>
													<i class="iconfont icon-underway font20 color-6"
														style="width:40px;"></i>
												</li>
												<li class="ht30 radius-4 border-1 flex-js-c cursor-p font12 color-6 p5"
													style="margin-bottom:10px;">
													<input type="checkbox" style="margin:0 10px;">
													<span class="text-l overflow-h"
														style="width:100px;">成员一成员一成员一</span>
													<i class="iconfont icon-underway font20 color-6"
														style="width:40px;"></i>
												</li>
											</ul>
											<!-- 三级 end -->
										</ul>
										<!-- 二级 end -->
									</div>
								</div>
								<!-- 自定义任务 end -->
							</div>
							<!-- 右部 end -->
						</div>
					</div>
					<!-- 初始化页面组件 end -->
					<!-- 新增组件 start -->
					<div class="display-n">
						<!-- top按钮 start -->
						<div class="ht50 flex-c b-box font12 color-6"
							style="border-bottom: 1px solid #eeeeee;padding:0 20px;">
							<div class="cursor-p font12 color-6 flex-c" style="width:60px;height: 50px;">
								<i class="iconfont icon-fanhui color-theme font22 vertical-a-m"></i>
								<span class="vertical-a-m">返回</span>
							</div>
							<div class="cursor-p font12 color-6 flex-c" style="width:60px;height: 50px;">
								<i class="iconfont icon-save color-theme font22 vertical-a-m"></i>
								<span class="vertical-a-m">保存</span>
							</div>
						</div>
						<!-- top按钮 end -->
						<div class="p20">
							<!-- 项目信息 start -->
							<div class="border-b-1" style="margin-bottom: 20px;">
								<div class="ht30 l-ht30" style="border-left: 3px solid #3283fc;padding-left:10px;">
									<span>项目信息</span>
								</div>
								<div class="ht50 flex-js-c font12 color-6" style="width:97%;">
									<div class="">
										<span class="display-ib text-r" style="width:90px;">项目分类：</span>
										<span class="display-ib" style="width:150px;">支付宝运品台</span>
									</div>
									<div class="">
										<span class="display-ib text-r" style="width:90px;"></span>
										<span class="display-ib" style="width:150px;"></span>
									</div>
								</div>

							</div>
							<!-- 项目信息 end -->
							<!-- 任务信息 start -->
							<div class="border-b-1" style="margin-top: 30px">
								<div class="ht30 l-ht30" style="border-left: 3px solid #3283fc;padding-left:10px;">
									<span>任务信息</span>
								</div>
								<div class="ht50 flex-js-c font12 color-6" style="width:97%;">
									<div class="">
										<span class="display-ib text-r" style="width:90px;"><span
												class="color-red">*</span>任务标题：</span>
										<div class="display-ib pos-r">
											<input type="text" class="text" style="width:150px;">
										</div>
									</div>
									<div class="">
										<span class="display-ib text-r" style="width:90px;">是否上传附件：</span>
										<input type="radio" class="vertical-a-m"><span class="vertical-a-m">是</span>
										<input type="radio" class="vertical-a-m"><span class="vertical-a-m">否</span>
									</div>
									<div class="" style="width:240px;">
										<span class="display-ib text-r" style="width:90px;"></span>
									</div>
								</div>
								<div class="ht50 flex-js-c font12 color-6" style="width:97%;">
									<div style="margin-right: 80px;">
										<span class="display-ib text-r vertical-a-m" style="width:90px;">是否必做：</span>
										<span style="width: 150px" class="dispaly-ib vertical-a-m">
											<input type="radio" class="vertical-a-m"><span class="vertical-a-m">是</span>
											<input type="radio" class="vertical-a-m"><span class="vertical-a-m">否</span>
										</span>
									</div>
									<div class="">
										<span class="display-ib text-r" style="width:90px;">是否周期：</span>
										<input type="radio" class="vertical-a-m"><span class="vertical-a-m">是</span>
										<input type="radio" class="vertical-a-m"><span class="vertical-a-m">否</span>
									</div>
									<div class="" style="width:240px;">
										<span class="display-ib text-r" style="width:90px;"></span>
									</div>
								</div>
							</div>
							<!-- 任务信息 end -->
							<!-- 规则定义 start -->
							<div class="border-b-1" style="margin-top: 30px">
								<div class="ht30 l-ht30" style="border-left: 3px solid #3283fc;padding-left:10px;">
									<span>规则定义</span>
								</div>
								<div class="ht50 flex-js-c font12 color-6" style="width:97%;">
									<div class="">
										<span class="display-ib text-r vertical-a-m"
											style="width:90px;">任务规则：</span><span class="display-ib"
											style="width:100px;"><i
												class="iconfont icon-danxunhuan font20 text-c vertical-a-m"
												style="width:50px;"></i></span>
										<span>重复执行</span>
									</div>
									<div class="">
										<span class="display-ib text-r vertical-a-m"
											style="width:90px;">超时提醒：</span><span class="display-ib"
											style="width:150px;"><i
												class="iconfont icon-icon-test1 font20 text-c vertical-a-m"
												style="width:50px;"></i></span>

									</div>
									<div class="" style="width:240px;">
										<span class="display-ib text-r" style="width:90px;"></span>
									</div>
								</div>
							</div>
							<!-- 规则定义 end -->
							<!-- 任务内容 start -->
							<div style="margin-top: 30px">
								<div class="ht30 l-ht30" style="border-left: 3px solid #3283fc;padding-left:10px;">
									<span>任务内容</span>
								</div>
								<div class=" font12 color-6" style="margin-top:20px;">
									<span class="display-ib text-r ht30 l-ht30 vertical-a-t" style="width:90px;"><span
											class="color-red">*</span>任务内容：</span>
									<textarea class="textarea" style="resize: none;width:80%;height:100px;"></textarea>
								</div>
								<div class="ht50 flex-js-c font12 color-6" style="width:97%;">
									<div class="">
										<span class="display-ib text-r vertical-a-m" style="width:90px;"><span
												class="color-red">*</span>附件上传：</span>
										<i class="iconfont icon-tianjia font20 text-c vertical-a-m"
											style="width:50px;"></i>
									</div>
								</div>
							</div>
							<!-- 任务内容 end -->
						</div>
					</div>
					<!-- 新增组件 end -->
					<!-- 查看（必做任务详情）组件 start -->
					<div class="display-n">
						<!-- top按钮 start -->
						<div class="ht50 flex-c b-box font12 color-6"
							style="border-bottom: 1px solid #eeeeee;padding:0 20px;">
							<div class="cursor-p font12 color-6 flex-c" style="width:60px;height: 50px;">
								<i class="iconfont icon-fanhui color-theme font22 vertical-a-m"></i>
								<span class="vertical-a-m">返回</span>
							</div>
							<div class="cursor-p font12 color-6 flex-c" style="width:60px;height: 50px;">
								<i class="iconfont icon-save color-theme font22 vertical-a-m"></i>
								<span class="vertical-a-m">保存</span>
							</div>
						</div>
						<!-- top按钮 end -->
						<div class="p20">
							<!-- 项目信息 start -->
							<div class="border-b-1" style="margin-bottom: 20px;">
								<div class="ht30 l-ht30" style="border-left: 3px solid #3283fc;padding-left:10px;">
									<span>项目信息</span>
								</div>
								<div class="ht50 flex-js-c font12 color-6" style="width:97%;">
									<div class="">
										<span class="display-ib text-r" style="width:90px;">项目分类：</span>
										<span class="display-ib" style="width:150px;">支付宝运品台</span>
									</div>
									<div class="">
										<span class="display-ib text-r" style="width:90px;"></span>
										<span class="display-ib" style="width:150px;"></span>
									</div>
								</div>

							</div>
							<!-- 项目信息 end -->
							<!-- 任务信息 start -->
							<div class="border-b-1" style="margin-top: 30px">
								<div class="ht30 l-ht30" style="border-left: 3px solid #3283fc;padding-left:10px;">
									<span>任务信息</span>
								</div>
								<div class="ht50 flex-js-c font12 color-6" style="width:97%;">
									<div class="">
										<span class="display-ib text-r" style="width:90px;"><span
												class="color-red">*</span>任务标题：</span>
										<span class="display-ib" style="width:150px;">支付宝运品台</span>
									</div>
									<div class="">
										<span class="display-ib text-r" style="width:90px;">是否上传附件：</span>
										<input type="radio" class="vertical-a-m"><span class="vertical-a-m">是</span>
										<input type="radio" class="vertical-a-m"><span class="vertical-a-m">否</span>
									</div>
									<div class="" style="width:240px;">
										<span class="display-ib text-r" style="width:90px;"></span>
									</div>
								</div>
								<div class="ht50 flex-js-c font12 color-6" style="width:97%;">
									<div style="margin-right: 80px;">
										<span class="display-ib text-r vertical-a-m" style="width:90px;">是否必做：</span>
										<span style="width: 150px" class="dispaly-ib vertical-a-m">
											<input type="radio" class="vertical-a-m"><span class="vertical-a-m">是</span>
											<input type="radio" class="vertical-a-m"><span class="vertical-a-m">否</span>
										</span>
									</div>
									<div class="">
										<span class="display-ib text-r" style="width:90px;">是否周期：</span>
										<input type="radio" class="vertical-a-m"><span class="vertical-a-m">是</span>
										<input type="radio" class="vertical-a-m"><span class="vertical-a-m">否</span>
									</div>
									<div class="" style="width:240px;">
										<span class="display-ib text-r" style="width:90px;"></span>
									</div>
								</div>
							</div>
							<!-- 任务信息 end -->
							<!-- 规则定义 start -->
							<div class="border-b-1" style="margin-top: 30px">
								<div class="ht30 l-ht30" style="border-left: 3px solid #3283fc;padding-left:10px;">
									<span>规则定义</span>
								</div>
								<div class="ht50 flex-js-c font12 color-6" style="width:97%;">
									<div class="">
										<span class="display-ib text-r vertical-a-m"
											style="width:90px;">任务规则：</span><span class="display-ib"
											style="width:50px;"><i
												class="iconfont icon-danxunhuan font20 text-c vertical-a-m"
												style="width:50px;"></i></span>
										<span>重复执行</span>
										<span>中标后一个月</span>
									</div>
									<div class="">
										<span class="display-ib text-r vertical-a-m"
											style="width:90px;">超时提醒：</span><span class="display-ib"
											style="width:50px;"><i
												class="iconfont icon-icon-test1 font20 text-c vertical-a-m"
												style="width:50px;"></i></span>
										<span>任务结束前一小时</span>
									</div>
									<div class="" style="width:240px;">
										<span class="display-ib text-r" style="width:90px;"></span>
									</div>
								</div>
							</div>
							<!-- 规则定义 end -->
							<!-- 任务内容 start -->
							<div style="margin-top: 30px">
								<div class="ht30 l-ht30" style="border-left: 3px solid #3283fc;padding-left:10px;">
									<span>任务内容</span>
								</div>
								<div class=" font12 color-6" style="margin-top:20px;display: flex">
									<span class="display-ib text-r l-ht30 vertical-a-t" style="width:90px;"><span
											class="color-red">*</span>任务内容：</span>
									<div style="width: 80%;" class="dispaly-ib vertical-a-t l-ht30">
										任务结束前一小时任务结束前一小时任务结束前一小时任务结束前一小时任务结束前一小时任务结束前一小时任务结束前一小时任务结束前一小时任务结束前一小时
									</div>
								</div>
								<div class="ht50 flex-js-c font12 color-6" style="width:97%;">
									<div style="display: flex;align-items: center;">
										<span class="display-ib text-r vertical-a-m" style="width:90px;"><span
												class="color-red">*</span>上传附件：</span>
										<i class="iconfont icon-tianjia font20 text-c vertical-a-m"
											style="width:50px;"></i>
										<div class="border-1 l-ht30 pos-r"
											style="min-width: 100px;padding:0 5px;border-radius: 4px;margin-right: 20px">
											<span class=" color-theme">任务.text</span><i
												class="iconfont icon-guanbi font20 text-c vertical-a-m pos-a color-red"
												style="right: 5px;"></i>
										</div>
									</div>
								</div>
							</div>
							<!-- 任务内容 end -->
						</div>
					</div>
					<!-- 查看（必做任务详情）组件 end -->
					<!-- 编辑（非必做任务详情）组件 start -->
					<div class="display-n">
						<!-- top按钮 start -->
						<div class="ht50 flex-c b-box font12 color-6"
							style="border-bottom: 1px solid #eeeeee;padding:0 20px;">
							<div class="cursor-p font12 color-6 flex-c" style="width:60px;height: 50px;">
								<i class="iconfont icon-fanhui color-theme font22 vertical-a-m"></i>
								<span class="vertical-a-m">返回</span>
							</div>
							<div class="cursor-p font12 color-6 flex-c" style="width:60px;height: 50px;">
								<i class="iconfont icon-save color-theme font22 vertical-a-m"></i>
								<span class="vertical-a-m">保存</span>
							</div>
						</div>
						<!-- top按钮 end -->
						<div class="p20">
							<!-- 项目信息 start -->
							<div class="border-b-1" style="margin-bottom: 20px;">
								<div class="ht30 l-ht30" style="border-left: 3px solid #3283fc;padding-left:10px;">
									<span>项目信息</span>
								</div>
								<div class="ht50 flex-js-c font12 color-6" style="width:97%;">
									<div class="">
										<span class="display-ib text-r" style="width:90px;">项目分类：</span>
										<span class="display-ib" style="width:150px;">支付宝运品台</span>
									</div>
									<div class="">
										<span class="display-ib text-r" style="width:90px;"></span>
										<span class="display-ib" style="width:150px;"></span>
									</div>
								</div>

							</div>
							<!-- 项目信息 end -->
							<!-- 任务信息 start -->
							<div class="border-b-1" style="margin-top:30px">
								<div class="ht30 l-ht30" style="border-left: 3px solid #3283fc;padding-left:10px;">
									<span>任务信息</span>
								</div>
								<div class="ht50 flex-js-c font12 color-6" style="width:97%;">
									<div class="">
										<span class="display-ib text-r" style="width:90px;"><span
												class="color-red">*</span>任务标题：</span>
										<span class="display-ib" style="width:150px;">支付宝运品台</span>
									</div>
									<div class="">
										<span class="display-ib text-r" style="width:90px;">是否上传附件：</span>
										<input type="radio" class="vertical-a-m"><span class="vertical-a-m">是</span>
										<input type="radio" class="vertical-a-m"><span class="vertical-a-m">否</span>
									</div>
									<div class="" style="width:240px;">
										<span class="display-ib text-r" style="width:90px;"></span>
									</div>
								</div>
								<div class="ht50 flex-js-c font12 color-6" style="width:97%;">
									<div style="margin-right: 80px;">
										<span class="display-ib text-r vertical-a-m" style="width:90px;">是否必做：</span>
										<span style="width: 150px" class="dispaly-ib vertical-a-m">
											<input type="radio" class="vertical-a-m"><span class="vertical-a-m">是</span>
											<input type="radio" class="vertical-a-m"><span class="vertical-a-m">否</span>
										</span>
									</div>
									<div class="">
										<span class="display-ib text-r" style="width:90px;">是否周期：</span>
										<input type="radio" class="vertical-a-m"><span class="vertical-a-m">是</span>
										<input type="radio" class="vertical-a-m"><span class="vertical-a-m">否</span>
									</div>
									<div class="" style="width:240px;">
										<span class="display-ib text-r" style="width:90px;"></span>
									</div>
								</div>
							</div>
							<!-- 任务信息 end -->
							<!-- 规则定义 start -->
							<div class="border-b-1" style="margin-top:30px">
								<div class="ht30 l-ht30" style="border-left: 3px solid #3283fc;padding-left:10px;">
									<span>规则定义</span>
								</div>
								<div class="ht50 flex-js-c font12 color-6" style="width:97%;">
									<div class="">
										<span class="display-ib text-r vertical-a-m"
											style="width:90px;">任务规则：</span><span class="display-ib"
											style="width:50px;"><i
												class="iconfont icon-danxunhuan font20 text-c vertical-a-m"
												style="width:50px;"></i></span>
										<span>重复执行</span>
										<span>中标后一个月</span>
									</div>
									<div class="">
										<span class="display-ib text-r vertical-a-m"
											style="width:90px;">超时提醒：</span><span class="display-ib"
											style="width:50px;"><i
												class="iconfont icon-icon-test1 font20 text-c vertical-a-m"
												style="width:50px;"></i></span>
										<span>任务结束前一小时</span>
									</div>
									<div class="" style="width:240px;">
										<span class="display-ib text-r" style="width:90px;"></span>
									</div>
								</div>
							</div>
							<!-- 规则定义 end -->
							<!-- 任务内容 start -->
							<div style="margin-top: 30px">
								<div class="ht30 l-ht30" style="border-left: 3px solid #3283fc;padding-left:10px;">
									<span>任务内容</span>
								</div>
								<div class=" font12 color-6" style="margin-top:20px;display: flex">
									<span class="display-ib text-r l-ht30 vertical-a-t" style="width:90px;"><span
											class="color-red">*</span>任务说明：</span>
									<div style="width: 80%;" class="dispaly-ib vertical-a-t l-ht30">
										任务结束前一小时任务结束前一小时任务结束前一小时任务结束前一小时任务结束前一小时任务结束前一小时
									</div>
								</div>
								<div class=" font12 color-6" style="margin-top:20px;display: flex">
									<span class="display-ib text-r l-ht30 vertical-a-t" style="width:90px;"><span
											class="color-red">*</span>任务内容：</span>
									<div style="width: 80%;" class="dispaly-ib vertical-a-t l-ht30">
										任务结束前一小时任务结束前一小时任务结束前一小时任务结束前一小时任务结束前一小时任务结束前一小时
									</div>
								</div>
								<div class="ht50 flex-js-c font12 color-6" style="width:97%;">
									<div style="display: flex;align-items: center;">
										<span class="display-ib text-r vertical-a-m" style="width:90px;"><span
												class="color-red">*</span>上传附件：</span>
										<i class="iconfont icon-tianjia font20 text-c vertical-a-m"
											style="width:50px;"></i>
										<div class="border-1 l-ht30 pos-r"
											style="min-width: 100px;padding:0 5px;border-radius: 4px;margin-right: 20px">
											<span class=" color-theme">任务.text</span><i
												class="iconfont icon-guanbi font20 text-c vertical-a-m pos-a color-red"
												style="right: 5px;"></i>
										</div>
									</div>
								</div>
							</div>
							<!-- 任务内容 end -->
						</div>
					</div>
					<!-- 编辑（非必做任务详情）组件 end -->
				</div>
				<!-- 主内容 end -->
			</div>
			<!-- 单次执行弹窗 start -->
			<div class="bg-black-rgba6 pos-f pos-t0 pos-r0 pos-b0 pos-l0 overflow-a text-c ht100 w100 font12 display-n"
				style="z-index:120;">
				<div class="flex-cc w100">
					<div class="bg-f overflow-h text-l" style="border-radius:4px;width:380px;margin-top:200px;">
						<div class="font14 bg-theme color-f ht40 l-ht40"
							style="padding:0 10px;border-top-left-radius: 4px;border-top-right-radius: 4px">
							<i class="icon iconfont icon-guanbi fr text-c cursor-p font16" title="close"
								data-feidao-actions="click:eu-001"></i>单次执行
						</div>
						<div class="p20">
							<div class="ht50 l-ht50 color-6">
								<span class="display-ib text-r" style="width:100px;">任务提交时间：</span>
								<span>
									<select name="" class="select">
										<option value="">中标后</option>
									</select>
									<select name="" class=" select" style="width:60px;">
										<option value="">1</option>
									</select>
									<span>个月</span>
								</span>
							</div>
							<div class="text-c" style="margin-top: 20px;">
								<input type="button" value="确定" class="btn" style="width: 50px;" />
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 单次执行弹窗 end -->
			<!-- 定义规则重复执行弹窗(每天) start -->
			<div class="bg-black-rgba6 pos-f pos-t0 pos-r0 pos-b0 pos-l0 overflow-a text-c ht100 w100 font12 display-n"
				style="z-index:120;">
				<div class="flex-cc w100">
					<div class="bg-f overflow-h text-l" style="border-radius:4px;width:450px;margin-top:200px;">
						<div class="font14 bg-theme color-f ht40 l-ht40"
							style="padding:0 10px;border-top-left-radius: 4px;border-top-right-radius: 4px">
							<i class="icon iconfont icon-guanbi fr text-c cursor-p font16" title="close"
								data-feidao-actions="click:eu-001"></i>重复执行
						</div>
						<div class="p20">
							<div class="ht50 l-ht50 color-6 ">
								<span class="display-ib text-r" style="width:90px;">频率：</span>
								<select name="" class="select">
									<option value="">每天</option>
								</select>
							</div>
							<!-- 每天重复执行 start -->
							<div class="display-">
								<div class="ht50 l-ht50 color-6">
									<span class="display-ib text-r" style="width:90px;">生成时间：</span>
									<span class="display-ib text-c" style="width:60px;">当天</span>
									<input type="time" step="1" class="date">
								</div>
								<div class="ht50 l-ht50 color-6">
									<span class="display-ib text-r" style="width:90px;">结束时间：</span>
									<select name="" class="select" style="width:60px;">
										<option value="">第二天</option>
									</select>
									<input type="time" step="1" class="date">
								</div>
								<div class="ht50 l-ht50 color-6">
									<span class="display-ib text-r vertical-a-t" style="width:90px;">任务规则：</span>
									<span class="display-ib overflow-h"
										style="width: 320px;">danfgqwofdfdfbdfbklbvdfklf</span>
								</div>
							</div>
							<!-- 每天重复执行 end -->
							<div class="text-c" style="margin-top: 20px;">
								<input type="button" value="确定" class="btn" style="width: 50px;" />
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 定义规则重复执行弹窗(每天) end -->

			<!-- 定义规则重复执行弹窗(每周) start -->
			<div class="bg-black-rgba6 pos-f pos-t0 pos-r0 pos-b0 pos-l0 overflow-a text-c ht100 w100 font12 display-n"
				style="z-index:120;">
				<div class="flex-cc w100">
					<div class="bg-f overflow-h text-l" style="border-radius:4px;width:450px;margin-top:200px;">
						<div class="font14 bg-theme color-f ht40 l-ht40"
							style="padding:0 10px;border-top-left-radius: 4px;border-top-right-radius: 4px">
							<i class="icon iconfont icon-guanbi fr text-c cursor-p font16" title="close"
								data-feidao-actions="click:eu-001"></i>重复执行
						</div>
						<div class="p20">
							<div class="ht50 l-ht50 color-6 ">
								<span class="display-ib text-r" style="width:90px;">频率：</span>
								<select name="" class="select">
									<option value="">每天</option>
								</select>
							</div>
							<!-- 每周重复执行 start -->
							<div class="display-">
								<div class="ht50 l-ht50 color-6">
									<span class="display-ib text-r" style="width:90px;">开始时间：</span>
									<select name="" class="select" style="width:60px;">
										<option value="">星期一</option>
									</select>
									<input type="time" step="1" class="date">
								</div>
								<div class="ht50 l-ht50 color-6">
									<span class="display-ib text-r" style="width:90px;">结束时间：</span>
									<select name="" class="select" style="width:60px;">
										<option value="">星期二</option>
									</select>
									<input type="time" step="1" class="date">
								</div>
								<div class="ht50 l-ht50 color-6">
									<span class="display-ib text-r vertical-a-t" style="width:90px;">任务规则：</span>
									<span class="display-ib overflow-h"
										style="width: 320px;">danfgqwofdfdfbdfbklbvdfklf</span>
								</div>
							</div>
							<!-- 每周重复执行 end -->
							<div class="text-c" style="margin-top: 20px;">
								<input type="button" value="确定" class="btn" style="width: 50px;" />
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 定义规则重复执行弹窗(每周) end -->

			<!-- 定义规则重复执行弹窗(每月) start -->
			<div class="bg-black-rgba6 pos-f pos-t0 pos-r0 pos-b0 pos-l0 overflow-a text-c ht100 w100 font12 display-n"
				style="z-index:120;">
				<div class="flex-cc w100">
					<div class="bg-f overflow-h text-l" style="border-radius:4px;width:450px;margin-top:200px;">
						<div class="font14 bg-theme color-f ht40 l-ht40"
							style="padding:0 10px;border-top-left-radius: 4px;border-top-right-radius: 4px">
							<i class="icon iconfont icon-guanbi fr text-c cursor-p font16" title="close"
								data-feidao-actions="click:eu-001"></i>重复执行
						</div>
						<div class="p20">
							<div class="ht50 l-ht50 color-6 ">
								<span class="display-ib text-r" style="width:90px;">频率：</span>
								<select name="" class="select">
									<option value="">每天</option>
								</select>
							</div>
							<!-- 每月重复执行 start -->
							<div class="display-">
								<div class="ht50 l-ht50 color-6">
									<span class="display-ib text-r" style="width:90px;">开始时间：</span>
									<input type="text" class="text">
									<span>号</span>
								</div>
								<div class="ht50 l-ht50 color-6">
									<span class="display-ib text-r" style="width:90px;">结束时间：</span>
									<input type="text" class="text">
									<span>号</span>
								</div>
								<div class="color-6" style="display: flex">
									<span class="display-ib text-r vertical-a-t" style="width:90px;">日期选择：</span>
									<table class="border-t-1 border-l-1" style="border-collapse:0;border-spacing:0;">
										<tr>
											<td class="border-r-1 border-b-1 vertical-a-t text-c b-box l-ht40 ht40"
												style="width: 40px;">1</td>
											<td class="border-r-1 border-b-1 vertical-a-t text-c b-box l-ht40 ht40"
												style="width: 40px;">2</td>
											<td class="border-r-1 border-b-1 vertical-a-t text-c b-box l-ht40 ht40"
												style="width: 40px;">3</td>
											<td class="border-r-1 border-b-1 vertical-a-t text-c b-box l-ht40 ht40"
												style="width: 40px;">4</td>
											<td class="border-r-1 border-b-1 vertical-a-t text-c b-box l-ht40 ht40"
												style="width: 40px;">5</td>
										</tr>
										<tr>
											<td class="border-r-1 border-b-1 vertical-a-t text-c b-box l-ht40 ht40"
												style="width: 40px;">6</td>
											<td class="border-r-1 border-b-1 vertical-a-t text-c b-box l-ht40 ht40"
												style="width: 40px;">7</td>
											<td class="border-r-1 border-b-1 vertical-a-t text-c b-box l-ht40 ht40"
												style="width: 40px;">8</td>
											<td class="border-r-1 border-b-1 vertical-a-t text-c b-box l-ht40 ht40"
												style="width: 40px;">9</td>
											<td class="border-r-1 border-b-1 vertical-a-t text-c b-box l-ht40 ht40"
												style="width: 40px;">10</td>
										</tr>
										<tr>
											<td class="border-r-1 border-b-1 vertical-a-t text-c b-box l-ht40 ht40"
												style="width: 40px;">11</td>
											<td class="border-r-1 border-b-1 vertical-a-t text-c b-box l-ht40 ht40"
												style="width: 40px;">12</td>
											<td class="border-r-1 border-b-1 vertical-a-t text-c b-box l-ht40 ht40"
												style="width: 40px;">13</td>
											<td class="border-r-1 border-b-1 vertical-a-t text-c b-box l-ht40 ht40"
												style="width: 40px;">14</td>
											<td class="border-r-1 border-b-1 vertical-a-t text-c b-box l-ht40 ht40"
												style="width: 40px;">15</td>
										</tr>
										<tr>
											<td class="border-r-1 border-b-1 vertical-a-t text-c b-box l-ht40 ht40"
												style="width: 40px;">16</td>
											<td class="border-r-1 border-b-1 vertical-a-t text-c b-box l-ht40 ht40"
												style="width: 40px;">17</td>
											<td class="border-r-1 border-b-1 vertical-a-t text-c b-box l-ht40 ht40"
												style="width: 40px;">18</td>
											<td class="border-r-1 border-b-1 vertical-a-t text-c b-box l-ht40 ht40"
												style="width: 40px;">19</td>
											<td class="border-r-1 border-b-1 vertical-a-t text-c b-box l-ht40 ht40"
												style="width: 40px;">20</td>
										</tr>
										<tr>
											<td class="border-r-1 border-b-1 vertical-a-t text-c b-box l-ht40 ht40"
												style="width: 40px;">21</td>
											<td class="border-r-1 border-b-1 vertical-a-t text-c b-box l-ht40 ht40"
												style="width: 40px;">22</td>
											<td class="border-r-1 border-b-1 vertical-a-t text-c b-box l-ht40 ht40"
												style="width: 40px;">23</td>
											<td class="border-r-1 border-b-1 vertical-a-t text-c b-box l-ht40 ht40"
												style="width: 40px;">24</td>
											<td class="border-r-1 border-b-1 vertical-a-t text-c b-box l-ht40 ht40"
												style="width: 40px;">25</td>
										</tr>
										<tr>
											<td class="border-r-1 border-b-1 vertical-a-t text-c b-box l-ht40 ht40"
												style="width: 40px;">26</td>
											<td class="border-r-1 border-b-1 vertical-a-t text-c b-box l-ht40 ht40"
												style="width: 40px;">27</td>
											<td class="border-r-1 border-b-1 vertical-a-t text-c b-box l-ht40 ht40"
												style="width: 40px;">28</td>
											<td class="border-r-1 border-b-1 vertical-a-t text-c b-box l-ht40 ht40"
												style="width: 40px;">29</td>
											<td class="border-r-1 border-b-1 vertical-a-t text-c b-box l-ht40 ht40"
												style="width: 40px;">30</td>
										</tr>
										<tr>
											<td class="border-r-1 border-b-1 vertical-a-t text-c b-box l-ht40 ht40"
												style="width: 40px;">31</td>
											<td class="border-r-1 border-b-1 vertical-a-t text-c b-box l-ht40 ht40"
												style="width: 40px;"></td>
											<td class="border-r-1 border-b-1 vertical-a-t text-c b-box l-ht40 ht40"
												style="width: 40px;"></td>
											<td class="border-r-1 border-b-1 vertical-a-t text-c b-box l-ht40 ht40"
												style="width: 40px;"></td>
											<td class="border-r-1 border-b-1 vertical-a-t text-c b-box l-ht40 ht40"
												style="width: 40px;"></td>
										</tr>
									</table>
								</div>
							</div>
							<!-- 每月重复执行 end -->
							<div class="text-c" style="margin-top: 20px;">
								<input type="button" value="确定" class="btn" style="width: 50px;" />
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 定义规则重复执行弹窗(每月) end -->

			<!-- 超时提醒弹窗 start -->
			<div class="bg-black-rgba6 pos-f pos-t0 pos-r0 pos-b0 pos-l0 overflow-a text-c ht100 w100 font12 display-n"
				style="z-index:120;">
				<div class="flex-cc w100">
					<div class="bg-f overflow-h text-l" style="border-radius:4px;width:340px;margin-top:200px;">
						<div class="font14 bg-theme color-f ht40 l-ht40"
							style="padding:0 10px;border-top-left-radius: 4px;border-top-right-radius: 4px">
							<i class="icon iconfont icon-guanbi fr text-c cursor-p font16" title="close"
								data-feidao-actions="click:eu-001"></i>超时提醒
						</div>
						<div class="p20">
							<div class="ht50 l-ht50 color-6">
								<span class="display-ib text-r" style="width:80px;">提醒规则：</span>
								<span>任务结束前
									<input type="text" class="text" style="width:50px;">
									<select name="" class="select" style="width:60px;">
										<option value="">分钟</option>
									</select>
								</span>
							</div>
							<div class="text-c" style="margin-top: 20px;">
								<input type="button" value="确定" class="btn" style="width: 50px;" />
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 超时提醒弹窗 end -->
			<!-- 提示弹窗 start -->
			<div class="bg-black-rgba6 pos-f pos-t0 pos-r0 pos-b0 pos-l0 overflow-a text-c ht100 w100 font12 display-n"
				style="z-index:120;">
				<div class="flex-cc w100">
					<div class="bg-f overflow-h text-l" style="border-radius:4px;width:340px;margin-top:200px;">
						<div class="font14 bg-theme color-f ht40 l-ht40"
							style="padding:0 10px;border-top-left-radius: 4px;border-top-right-radius: 4px">
							<i class="icon iconfont icon-guanbi fr text-c cursor-p font16" title="close"
								data-feidao-actions="click:eu-001"></i>提示
						</div>
						<div class="p20">
							<div class="ht40 l-ht40 text-c color-6">
								<span>是否删除？</span>
							</div>
							<div class="text-c" style="margin-top: 20px;">
								<input type="button" value="确认" class="btn" style="width: 50px;" />
								<input type="button" value="取消" class="cbtn" style="width: 50px;margin-left: 60px;" />
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 提示弹窗 end -->

			<!-- 导入弹窗 start -->
			<div class="bg-black-rgba6 pos-f pos-t0 pos-r0 pos-b0 pos-l0 overflow-a text-c ht100 w100 font12 display-n"
				style="z-index:120;">
				<div class="flex-cc w100">
					<div class="bg-f overflow-h text-l" style="border-radius:4px;width:440px;margin-top:200px;">
						<div class="font14 bg-theme color-f ht40 l-ht40"
							style="padding:0 10px;border-top-left-radius: 4px;border-top-right-radius: 4px">
							<i class="icon iconfont icon-guanbi fr text-c cursor-p font16" title="close"
								data-feidao-actions="click:eu-001"></i>导入
						</div>
						<div class="p20">
							<div class="ht50 l-ht50 color-6">
								<span class="display-ib text-r" style="width:100px;">选择导入文件：</span>
								<input type="button" value="导入" class="btn" style="width: 50px;" />
							</div>
							<div class="l-ht30 color-6">
								<span class="display-ib text-r vertical-a-t" style="width:100px;">说明：</span>
								<span class="vertical-a-t">1.请导入Excel文件</span>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 导入弹窗 end -->


			<!-- 定义规则重复执行弹窗(备用) start -->
			<div class="bg-black-rgba6 pos-f pos-t0 pos-r0 pos-b0 pos-l0 overflow-a text-c ht100 w100 font12 display-n"
				style="z-index:120;">
				<div class="flex-cc w100">
					<div class="bg-f overflow-h text-l" style="border-radius:4px;width:450px;margin-top:200px;">
						<div class="font14 bg-theme color-f ht40 l-ht40"
							style="padding:0 10px;border-top-left-radius: 4px;border-top-right-radius: 4px">
							<i class="icon iconfont icon-guanbi fr text-c cursor-p font16" title="close"
								data-feidao-actions="click:eu-001"></i>重复执行
						</div>
						<div class="p20">
							<div class="ht50 l-ht50 color-6 ">
								<span class="display-ib text-r" style="width:90px;">频率：</span>
								<select name="" class="select">
									<option value="">每天</option>
								</select>
							</div>
							<!-- 每天重复执行 start -->
							<div class="display-">
								<div class="ht50 l-ht50 color-6">
									<span class="display-ib text-r" style="width:90px;">生成时间：</span>
									<span class="display-ib text-c" style="width:60px;">当天</span>
									<input type="time" step="1" class="date">
								</div>
								<div class="ht50 l-ht50 color-6">
									<span class="display-ib text-r" style="width:90px;">结束时间：</span>
									<select name="" class="select" style="width:60px;">
										<option value="">第二天</option>
									</select>
									<input type="time" step="1" class="date">
								</div>
								<div class="ht50 l-ht50 color-6">
									<span class="display-ib text-r vertical-a-t" style="width:90px;">任务规则：</span>
									<span class="display-ib overflow-h"
										style="width: 320px;">danfgqwofdfdfbdfbklbvdfklf</span>
								</div>
							</div>
							<!-- 每天重复执行 end -->
							<!-- 每周重复执行 start -->
							<div class="display-">
								<div class="ht50 l-ht50 color-6">
									<span class="display-ib text-r" style="width:90px;">开始时间：</span>
									<select name="" class="select" style="width:60px;">
										<option value="">星期一</option>
									</select>
									<input type="time" step="1" class="date">
								</div>
								<div class="ht50 l-ht50 color-6">
									<span class="display-ib text-r" style="width:90px;">结束时间：</span>
									<select name="" class="select" style="width:60px;">
										<option value="">星期二</option>
									</select>
									<input type="time" step="1" class="date">
								</div>
								<div class="ht50 l-ht50 color-6">
									<span class="display-ib text-r vertical-a-t" style="width:90px;">任务规则：</span>
									<span class="display-ib overflow-h"
										style="width: 320px;">danfgqwofdfdfbdfbklbvdfklf</span>
								</div>
							</div>
							<!-- 每周重复执行 end -->
							<!-- 每月重复执行 start -->
							<div class="display-">
								<div class="ht50 l-ht50 color-6">
									<span class="display-ib text-r" style="width:90px;">开始时间：</span>
									<input type="text" class="text" style="width:40px;">
									<span>月</span>
									<input type="text" class="text">
									<span>号</span>
								</div>
								<div class="ht50 l-ht50 color-6">
									<span class="display-ib text-r" style="width:90px;">结束时间：</span>
									<input type="text" class="text" style="width:40px;">
									<span>月</span>
									<input type="text" class="text">
									<span>号</span>
								</div>
								<div class="ht50 l-ht50 color-6">
									<span class="display-ib text-r vertical-a-t" style="width:90px;">日期选择：</span>
									<input type="date" class="date">
								</div>
							</div>
							<!-- 每月重复执行 end -->
							<div class="text-c" style="margin-top: 20px;">
								<input type="button" value="确定" class="btn" style="width: 50px;" />
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 定义规则重复执行弹窗(备用) end -->
</body>

</html>